<!DOCTYPE html>
<html>
<head>
<title>oschat</title>
<meta charset="utf-8">
<link href="src/css/chat.css" rel="stylesheet" media="screen">
<script type="text/javascript" src="src/js/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="src/js/api.js"></script>

<style type="text/css">
*{
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-family: "微软雅黑";
}

.win{
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
}

.head{
	position: relative;
	height: 20px;
	width: 100%;
	background-color: #505358;
}

.close{
	float: right;
	background: url("src/img/Btn_Window_Close.png") no-repeat 0px 0px;
	height: 20px;
	width: 20px;

}

.close:hover{
	background: url("src/img/Btn_Window_Close.png") no-repeat -20px 0px;
}

.main{
	position: relative;
}

.u-photo{
	float: left;
	margin-right: 10px;
}

.u-info{
	height: 50px;
	line-height: 50px;
}



</style>

<script type="text/javascript">

	$(function(){
		var e = util.getQuery('e');
		var event = global.eventArray.shift();
		//global.eventArray.length =0;
		var u = event.u;
		$('.u-info').html(u.name);
		$('.u-photo img').attr("src",u.portrait);

		$('.close').click(function(event) {
			window.close();
		});

		$('.main').click(function(event) {
			window.opener.oschat.main.chatWith(u);
			window.close();
		});
	});
</script>
</head>
<body>
	<div class="win">
		<div class = "head">
			<div class="close"></div>
		</div>
		<div class="main">
			<div class="u-photo"><img src="" width="50" height="50"></div>
			<div class="u-info"></div>
		</div>
	</div>
</body>
</html>